/**
 * Column 组件
 */
import 'package:flutter/material.dart';


class ColumnDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    MainAxisAlignment.start;            //起始
    MainAxisAlignment.center;           //居中
    MainAxisAlignment.end;              //末尾
    MainAxisAlignment.spaceBetween;     //将主轴方向上的空白区域等分，使得子控件之间的空白区域相等，两端的子控件都靠近首尾，没有间隙。
    MainAxisAlignment.spaceAround;      //将主轴方向上的空白区域等分，使得子控件之间的空白区域相等，两端的子控件都靠近首尾，首尾子控件的空白区域为1/2。
    MainAxisAlignment.spaceEvenly;      //将主轴方向上的空白区域等分，使得子控件之间的空白区域相等，包括首尾。

    CrossAxisAlignment.start;           //子控件显示在交叉轴的起始位置。
    CrossAxisAlignment.end;             //子控件显示在交叉轴的末尾位置。
    CrossAxisAlignment.center;          //子控件显示在交叉轴的中间位置。
    CrossAxisAlignment.stretch;         //子控件完全填充交叉轴方向的空间。
    CrossAxisAlignment.baseline;        //让子控件的baseline在交叉轴方向对齐。

    return Scaffold(
      appBar: AppBar(title: Text('Column')),
      body: Container(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,  //主轴对齐方式
          crossAxisAlignment: CrossAxisAlignment.start, //侧轴对齐方式
          children: [
              Container(color: Colors.black38,height: 100,),
              Container(color: Colors.red,height: 100,),
              Container(color: Colors.green,height: 100,)
          ],
        ),
      )
    );
  }
}
